<cdt-list-errors> </cdt-list-errors>

<div class="card comment-form">
  <form [formGroup]="form" (ngSubmit)="submitComment.emit(form.controls.comment.value)">
    <fieldset class="form-group required">
      <textarea
        formControlName="comment"
        rows="5"
        type="text"
        placeholder="Write a comment..."
        class="form-control form-control-lg"
      >
      </textarea>
      <cdt-input-errors [control]="form.controls.comment" />
    </fieldset>
    <div class="card-footer">
      <img [src]="currentUser().image" class="comment-author-img" />
      <button (click)="submitComment.emit(form.controls.comment.value)" class="btn btn-sm btn-primary" type="submit">
        Post Comment
      </button>
    </div>
  </form>
</div>
